<%@ taglib prefix='c' uri='http://java.sun.com/jstl/core_rt' %>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Point Of Sale Login</title>

<link href="${pageContext.request.contextPath}/css/login.css" rev="stylesheet" rel="stylesheet">
	 <link href="${pageContext.request.contextPath}/css/validationEngine.jquery.css" rev="stylesheet" rel="stylesheet">

    	<link href="${pageContext.request.contextPath}/css/template.css" rev="stylesheet" rel="stylesheet">
     <script src="${pageContext.request.contextPath}/js/jquery-1.6.min.js" type="text/javascript"></script>
 <script charset="UTF-8" language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validationEngine-en.js"></script>
     <script charset="UTF-8" language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validationEngine.js"></script>


	<script type="text/javascript">

         jQuery(document).ready(function(){
			// binds form submission and fields to the validation engine
			jQuery("#login_form").validationEngine();

		});
		</script>
</head>

<body onload="document.f.j_username.focus();">
    <div id="carbonForm" >
	<h1>Login </h1>
	<h4> <c:if test="${not empty param.login_error}">
      <font color="red" id="error_message_box" soze="11">
        Your login attempt was not successful, try again.<br/><br/>
        Reason: <c:out value="${SPRING_SECURITY_LAST_EXCEPTION.message}"/>.
      </font>
    </c:if></h4>

    <form accept-charset="utf-8" id="login_form" method="post" name="f" action="<c:url value='j_spring_security_check'/>" method="POST">

    <div class="fieldContainer">

        <div class="formRow">
            <div class="label">
                <label for="name">User Name:</label>
            </div>

            <div class="field">
                <input type="text" class="username validate[required] text-input" id="name" name='j_username'>
            </div>
        </div>



        <div class="formRow">
            <div class="label">
                <label for="pass">Password:</label>
            </div>

            <div class="field">
                <input type="password" class="password validate[required] text-input" id="pass" name="j_password">
            </div>
        </div>
         <div class="signupButton">
        <input type="submit" value="Submit" id="submit" name="submit">
    </div>


    </div> <!-- Closing fieldContainer -->

   </form>

</div>








